<template>
    <div class="full bgfff">
        <ul class="msg_list">
            <li class="msg_it flex-col border-t" @click="toRouter('msg_info/0')">
                <div class="msg_img padding-r20">
                    <div class="box-center img-bg">
                        <i class="iconfont icon-xiaoxi1 cfff font-26"></i>
                    </div>
                </div>
                <div class="msg_info box1 flex-row">
                    <div class="box1">
                        <span class="font-14">房市动态</span>
                        <span class="cred f-r"></span>
                    </div>
                    <div class="font-12">
                        您还未收到任何提醒
                    </div>
                </div>
            </li>
            <li class="msg_it flex-col border-t" @click="toRouter('msg_info/1')">
                <div class="msg_img padding-r20">
                    <div class="img-bg position-r box-center">
                        <i class="iconfont icon-qiandai cfff font-26"></i>
                        <!-- <span class="bgred cfff position-a dis-ib box-center font-10">2</span> -->
                    </div>
                </div>
                <div class="msg_info box1 flex-row">
                    <div class="box1">
                        <span class="font-14">资产消息</span>
                        <!-- <span class="f-r c82 font-10">2018-08-12</span> -->
                    </div>
                    <div class="font-12">
                        您的佣金已入账
                    </div>
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
  name: "msg_list",
  data() {
    return {

    };
  },
  mounted(){
      let that = this;
      this.$nextTick(()=>{
          
      })
  },
  methods: {
   
  }
};
</script>

<style lang="scss" scoped>
.msg_list {
  .msg_it {
    padding: 0.18rem 0.2rem;
    .msg_img {
      width: 0.5rem;
      height: 0.5rem;
      .img-bg {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 0.5rem;
        background: red;
        &:last-child{
            background: #000000;
        }
      }
      span {
        width: 0.15rem;
        height: 0.15rem;
        border-radius: 0.15rem;
        right: 0;
        top: 0;
      }
    }
    .msg_info {
      padding: 0.08rem 0;
    }
  }
}
</style>
